/**
 * 学习目标：React中使用事件传值
 */

import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
  render() {
    return (
      <div>
        <button
          onClick={(e) => {
            // 2.  使用一个箭头函数，在箭头函数的方法体中，调用另一个函数传值
            this.handleClick(1, e, 3);
          }}
        >
          点我传值
        </button>
        {/* 👍 推荐简写，省略掉 {} */}
        <button onClick={(e) => this.handleClick(1, e, 3)}>点我传值</button>
      </div>
    );
  }

  // 1.定义一个函数，使用函数的形参，自定义要接收的函数
  // 希望拿到一个数字
  handleClick(num, e, num2) {
    console.log('num  ----->  ', num, num2, e);
  }
}

ReactDOM.render(<App></App>, document.getElementById('root'));
